<style>
    .avatar-box {
        position: relative;
        display: inline-block;
    }

    .personal-info {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 10px;
        display: none;
    }

    .avatar:hover + .personal-info {
        display: block;
    }
</style>
<div class="avatar-box">
    <img src="avatar.jpg" alt="Avatar" class="avatar">
    <div class="personal-info">
        <h2>个人信息</h2>
        <p>这里是个人信息的内容</p>
    </div>
</div>